<template>
  <div class="rightdiv" style="height: 100%">
    <dv-charts style="width: 100%; height: 100%" :option="option" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      option: {
        // title: {
        //   text: "周销售额趋势",
        // },
        xAxis: {
          name: "第二周",
          data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
          axisLabel: {
            style: {
              // color:'#fff',
              fill: "#fff",
            },
          },
          axisLine: {
            style: {
              stroke: "#fff",
              lineWidth: 1,
            },
          },
        },
        yAxis: {
          name: "销售额",
          data: "value",
          axisLabel: {
            style: {
              fill: "#fff",
            },
          },
          axisLine: {
            style: {
              stroke: "#fff",
              lineWidth: 1,
            },
          },
        },
        series: [
          {
            data: [1200, 2230, 1900, 2100, 3500, 4200, 3985],
            type: "line",
            lineArea: {
              show: true,
              gradient: ["rgba(55, 162, 218, 0.6)", "rgba(55, 162, 218, 0)"],
            },
          },
        ],
      },
    };
  },
};
</script>